<script setup lang='ts'>
import Layout from '~@/components/Layout/index.vue'
import Avatar from '~@/components/Avatar/index.vue'
import avatarImg from '~@/assets/avatar1.jpg'
import SiteAside from '~@/components/SiteAside/index.vue'
import ToTopIndex from '~@/components/ToTop/toTopIndex.vue'


</script>
<template>
    <div class="my-app-container">
        <!-- <h1>views Index</h1> -->
        <Layout>
            <template #left>
                <SiteAside></SiteAside>
            </template>
            <template #default>
                <!-- <div>app main</div> -->
                <RouterView></RouterView>
            </template>
            <template #right></template>
        </Layout>
        <ToTopIndex />
    </div>
</template>
<style lang='less' scoped>
    .my-app-container{
    .self-fill(fixed);
}
.right{
    box-sizing: border-box;
    border: 2px solid green;
}
</style>